<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>D-Magic</title>
  
  <script type='text/javascript' src="${ctx}/extends/jquery-1.7.2.min.js"></script>
  <script type="text/javascript">
    var ctx = "${ctx}";
  </script>
  
  <style type="text/css">
    html {
		height:100%;
		background-color:#000;
	}
    body {
		background:url(res/bg.png) center no-repeat;
		font-family:"宋体";
		text-align:left;
		margin:0;
		padding:0;
		border:0 none;
	}
	div#container {
		margin:0 auto;
		border:0 none;
		padding:0;
		text-align:left;
		width:1024px;
	}
	div#content {
		background:url(res/index_wm.png) 735px no-repeat;
		margin:0;
		padding-top:0;
		border:none;
		min-height:625px;
	}	
	div#footer {
		clear:both;
		position:relative;
		background:url(res/foot.png) center no-repeat;
		color:#666666;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		width:1024px;
		height:85px;
		margin-top:-12px;
	}
	div#hot_pic {
		background:url(res/hot_bg.png) center no-repeat;
		width:1024px;
		height:102px;
		margin-top:15px;
	}
	#content img {
		cursor:pointer;
	}
	.language {
		float:right;  
		margin-top:15px; 
		color:#177b95; 
		font-size:12.5px; 
		font-family:'宋体';
		cursor:pointer;
	}
	#marquee {
		margin-left:165px;
	}	
  </style>
</head>

<body>
<div id="container">
    <div id="top" style="background:url(res/index_top.png) left no-repeat; height:101px;">
      <span class="language" style="margin-right:48px;" data-id="1">English</span>
      <span class="language" style="margin-right:20px; color:#666666;" data-id="2">中文</span>
    </div>
    
    <div id="content">
      <div style="margin-left:80px; padding-top:30px;">
        <div style="float:left;"><img src="res/index_about.png" alt="about us" data-index="4" /></div>
        <div style="float:left; margin-left:168px;"><img src="res/index_news.png" alt="news" data-index="1" /></div>
        <div style="float:left; margin-left:20px;"><img src="res/index_product.png" alt="products" data-index="2" /></div>
        <div style="clear:both;"></div>
        <div style="margin-top:8px; margin-left:167px;"><img src="res/index_case.png" alt="case" data-index="3" /></div>
        <div style="margin-top:25px;"><img src="res/index_contact.png" alt="about us" data-index="5" /></div>  
      </div>
      <div id="hot_pic">
        <marquee id="marquee" onmouseover="stop()" onmouseout="start()" scrollamount="5" width="695px"></marquee>
      </div>
    </div>
    
    <div id="footer">
      <p style="padding-top:45px">copyright(c)2013 d-magic co.,ltd.   All right reserved.design b</p>
    </div>
  </div>
</body>
<script type="text/javascript" src="home.js"></script>
</html>
